.page {
  min-height: 100vh;
  background: #f5f5f5;
}

.container {
  padding: 100px 16px 16px;
}

.doctorList { margin-top: 8px; }
.doctorCard { border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); margin-bottom: 12px; }
.docHeader { display: flex; align-items: center; gap: 12px; }
.avatar { width: 44px; height: 44px; border-radius: 50%; background: #eef5ff; display: flex; align-items: center; justify-content: center; font-size: 22px; }
.docMeta { flex: 1; }
.docName { font-size: 16px; font-weight: 600; color: #333; }
.docDept { font-size: 12px; color: #666; margin-top: 2px; }
.docSchedule { font-size: 12px; color: #999; margin-top: 2px; }
.docFee { color: #ff7a45; font-weight: 600; }
.docFooter { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; }
.badges { display: flex; align-items: center; gap: 8px; }
.remain { font-size: 12px; color: #3b6ef6; background: #eef2ff; padding: 2px 8px; border-radius: 12px; }
.tag { font-size: 12px; color: #52c41a; background: #f6ffed; padding: 2px 8px; border-radius: 12px; }
.empty { text-align: center; color: #999; padding: 24px 0; }


